<template>
    <div id="app">
        <!-- 在父组件中绑定自定义事件以便子组件获取并传值给父组件 ,users代表父组件传递给子组件的值-->
        <Children :users = 'users' v-on:titleChanged="updateTitle"></Children>
        <h6>{{ title }}</h6>//点击子组件子组件传递值到父组件
        <button @click="increment">{{ count }}</button>

    </div>
</template>
<script>
import Children from './son.vue'
export default{
    name: 'App',
    data(){
        return {
            users:['HelloKK'],
            title:"传递的是一个值",
            count:0
        }
    },
    components:{
        Children:Children
    },
    methods:{
        updateTitle(e){   //声明这个函数
            this.title = e;
        },
        increment(){
            this.count++
        }

    }

}
</script>